<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>登录</title>
    <link rel="stylesheet" href="css/vue-bootstrap.css"/>
    <link rel="stylesheet" href="css/cx-main.css"/>
</head>
<body>
    <div id="cx-app" class="container">
        <div class="cls-content">
            <div class="panel panel-default cls-content-sm">
                <div class="panel-bofy">
                    <!--/*@thymesVar id="error" type="java"*/-->
                    <span th:text="${error}"></span>
                    <form role="form" class="form-horizontal"  th:action="@{login}" th:method="post">
                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label">用户名:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="username" id="username" placeholder="Username"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="password" class="col-sm-2 control-label">密码:</label>
                            <div class="col-sm-10">
                                <input type="password" class="form-control" id="password" name="password" placeholder="Password"/>
                            </div>
                        </div>
                        <!--<input type="hidden" id="csrf_token" name="${_csrf.parameterName}" value="${_csrf.token}"/>-->

                    </form>
                    <button type="button" class="btn btn-primary btn-lg btn-block" v-on:click="login">登录</button>
                </div>
            </div>
        </div>
    </div>

    <script src="js/vue-bootstrap.js"	type="text/javascript"></script>
    <script src="js/login.js"	type="text/javascript"></script>
</body>
</html>